<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>成易博客-首页</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link rel="stylesheet" href="../static/css/cinui.css"/>

    <link rel="stylesheet" href="../static/layui-v2.6.8/layui/css/layui.css" media="all">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <script src="../static/layui-v2.6.8/layui/layui.js" charset="utf-8"></script>
    <script src="../static/js/jquery-3.6.js"></script>
    <!--  图标库  -->
    <link href="../static/font-awesome-4.7.0/css/font-awesome.min.css" rel="stylesheet">
    <!--  富文本  -->
    <script src="https://cdn.jsdelivr.net/npm/wangeditor@latest/dist/wangEditor.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/vue@2.6.14/dist/vue.js"></script>

    <script src="../static/js/public.js" type="module"></script>

</head>
<body style="background: rgba(243,240,240,0.27)">
<center>
    <ul class="layui-nav layui-col-lg12 layui-col-md12 layui-col-sm12 layui-col-xs12">
        <li class="layui-nav-item">
            <a href="home.html">首页</a>
        </li>
        <li class="layui-nav-item">
            <a href="sign_in.html">打卡</a>
        </li>
        <li class="layui-nav-item">
            <a href="blog.html">博客</a>
        </li>
        <li class="layui-nav-item">
            <a href="shop.html">商城</a>
        </li>
        <li class="layui-nav-item">
            <a href="grade_system.html">等级体系</a>
        </li>
        <li class="layui-nav-item"  id="vueDemo">
            <a href="javaScript:;"><i class="fa fa-user-circle-o">&nbsp;&nbsp;<span id="userName">&nbsp;&nbsp;</span></i></a>
            <dl class="layui-nav-child">
                <dd class=""><a :href="url">个人中心</a></dd>
                <dd class=""><a href="javascript:;">修改信息</a></dd>
                <dd class=""><a href="javascript:;"></a></dd>
                <dd class=""><a href="removeSession" id="logout">退出</a></dd>
            </dl>
        </li>
    </ul>

    <!--  轮播图  -->
    <div class="layui-carousel layui-input-inline" id="test1">
        <div carousel-item>
            <div><img src="../static/images/11.jpg" width="100%" height="100%"></div>
            <div><img src="../static/images/lb2.jpeg" width="100%" height="100%"></div>
            <div><img src="../static/images/44.jpg" width="100%" height="100%"></div>
            <div><img src="../static/images/business_img.jpg" width="100%" height="100%"></div>
            <div><img src="../static/images/our_img2.jpg" width="100%" height="100%"></div>
        </div>
    </div>



</center>
<div id="blogUrl">

    <div class="layui-col-lg4 layui-col-md4 layui-col-sm10 layui-col-xs10 layui-col-md-offset4 layui-col-sm-offset1 layui-col-xs-offset1"
         style="margin-top: 4%;margin-bottom: 4%;">
        <div class="layui-form layui-col-lg12 layui-col-md12 layui-col-sm12 layui-col-xs12 layui-col-md-offset4 layui-col-sm-offset1 layui-col-xs-offset1" lay-filter="demo">
            <div class="layui-form-item layui-col-lg12 layui-col-md12 layui-col-sm12 layui-col-xs12">
                <div class="layui-input-inline  layui-col-lg6 layui-col-md6 layui-col-sm6 layui-col-xs6">
                    <input type="text" name="blogTitle" id="blogTitle"  placeholder="博客标题"
                           autocomplete="off" class="layui-input"/>
                </div>
                <div class="layui-input-inline  layui-col-lg6 layui-col-md6 layui-col-sm6 layui-col-xs6">
                    <button class="layui-btn"  id="submit" lay-submit lay-filter="formDemo" lay-event="queryList">查询</button>
                </div>
            </div>
        </div>
    </div>

<HR/>
    <div>
        <iframe id="iframe" src="homeBlogList.html" width="100%" height="500px"></iframe>
    </div>
</div>

<script>
    let submit = document.getElementById("submit");
    submit.onclick = function () {
            let iframe = document.getElementById("iframe");
            var sessionBlogTitle = sessionStorage.setItem('blogTitle', $('#blogTitle').val());
            iframe.src = 'homeTitleList.html'
    }
</script>
<script type="text/javascript" src="../static/js/userInfo.js"></script>


<script>
//查询博客
// function xxf() {
//
//     layui.use('layer', function () { //独立版的layer无需执行这一句
//         var $ = layui.jquery,
//             layer = layui.layer; //独立版的layer无需执行这一句
//         var sessionBlogTitle = sessionStorage.setItem('blogTitle', $('#blogTitle').val());
//         layer.open({
//             id: 'alertInfo',
//             title: '查询',
//             skin: ' layui-col-lg6 layui-col-md10 layui-col-sm10 layui-col-xs10',//样式类名
//             type: 2,//iframe层
//             shade: [0.8, 'rgba(130,125,125,0.54)'],
//             anim: 5,
//             closeBtn: 1,
//             maxmin: true,
//             offset: 'auto',
//             content: 'homeTitleList.html',//打开一个弹出窗体
//             zIndex: layer.zIndex, //重点1
//             success: function (layero) {
//                 layer.setTop(layero); //重点2
//             }
//         });
//
//     });
//
// }

</script>

<script>
    layui.use('carousel', function () {
        var carousel = layui.carousel;
        //建造实例
        carousel.render({
            elem: '#test1'
            , width: '100%' //设置容器宽度
            , arrow: 'always' //始终显示箭头
            //,anim: 'updown' //切换动画方式
        });
    });
</script>


</body>
</html>